#small_box {
  width: 400px;
  height: 400px;
  background-image: url(../mfimg/0.webp);
  background-size: 400px 400px;
  position: absolute;
  /* border: 1px solid #ccc; */
}
#mask {
  width: 200px;
  height: 200px;
  background: red;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#big_box {
  width: 500px;
  height: 500px;
  /* background-image: url(../images/1.webp); */
  background: white url(../mfimg/0.webp);
  background-size: 1000px 1000px;
  background-repeat: no-repeat;
  position: absolute;
  right: -600px;
  border: 1px solid #ccc;
  display: none;
}
/* 小li */
#page-li {
  width: 400px;
  /* height: 120px; */
  /* background: red; */
  /* border: 1px solid #ccc; */
  float: left;
  position: relative;
  top: 415px;
}
#page-li li {
  float: left;
  width: 50px;
  border-radius: 0;
  border: 0;
  height: 3px;
  background: #ccc;
  margin-right: 4px;
}
.last-li {
  border-right: 0;
}
.first-li {
  margin-left: 30px;
}
#small_box button {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;

  outline: none;
  background: white;
  border: none;
  opacity: 0.5;
  bottom: 205px;
  z-index: 9999;
}
#small_box button:hover {
  background: gray;
}
#small_box button i {
  font-size: 30px;
  color: #c9c;
}
#previous {
  left: 0;
}
#next {
  right: 0;
}
